<template>
  <div class="lease-management">
    <h2>租赁管理</h2>
    <!-- <p>这里是租赁管理页面，用于管理所有的租赁合同和租赁信息。</p> -->
    
    <el-table :data="leaseData" style="width: 100%" border>
      <el-table-column prop="contractId" label="合同编号" width="120"></el-table-column>
      <el-table-column prop="tenant" label="租户" width="100"></el-table-column>
      <el-table-column prop="property" label="租赁物业" width="150"></el-table-column>
      <el-table-column prop="rent" label="租金" width="100"></el-table-column>
      <el-table-column prop="startDate" label="开始日期" width="120"></el-table-column>
      <el-table-column prop="endDate" label="结束日期" width="120"></el-table-column>
      <el-table-column prop="status" label="状态" width="100"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'LeaseManagement',
  data() {
    return {
      leaseData: [
        { contractId: 'CT001', tenant: '张三', property: 'A区车位001', rent: '300', startDate: '2024-01-01', endDate: '2024-12-31', status: '有效' },
        { contractId: 'CT002', tenant: '李四', property: 'B栋201室', rent: '2000', startDate: '2024-01-01', endDate: '2024-12-31', status: '有效' },
        { contractId: 'CT003', tenant: '王五', property: '广告位A01', rent: '500', startDate: '2024-01-01', endDate: '2024-06-30', status: '即将到期' }
      ]
    }
  }
}
</script>